body,html{
    background-image: linear-gradient(135deg, #fdfcfb 0%, #e2d1c3 100%);
    .cirHeader{
        .top {
            height: 40px;
            display: flex;
            justify-content: space-between;
            align-items: center;
    
            p {
                line-height: 30px;
                color:#f6ca93;
                border-bottom: 1px solid rgb(152, 194, 223);
                width: 80px;
                text-align: center;
                font-size: 20px;
                font-weight: bolder;
            }
    
            button {
                line-height: 30px;
                background-image: linear-gradient(to top, #d5dee7 0%, #ffafbd 0%, #c9ffbf 100%);
                color: #fff;
                text-align: center;
                width: 100px;
                font-size: 16px;
                border-radius: 10px;
            }
    
        }
    }
    main {
        color: black;
        background-color: #fff;
    
        h1 {
            font-size: 20px;
            line-height: 30px;
        }


        .CourseTxt{
            height: 30px;
            width: 100px;
            text-align: center;
            line-height: 24px;
            color: #9795f0;
            border: 3px solid #cd9cf2;
            border-radius: 15px;
           
        }
        
        .new-course{
            a{
                color: white;
                border-radius: 10px;
                background-image: linear-gradient(to top, #9795f0 0%, #fbc8d4 100%);
                margin-bottom: 20px;
             
                img{
                    width: 100%;
                    height: 150px;
                    border-radius: 10px 10px 0 0;  
                             
                }
               
            }
        }
    
           
        // .curriculum{
        //     a{               
        //         color: black;
        //         border-radius: 10px;
        //         background-image: radial-gradient(73% 147%, #EADFDF 59%, #ECE2DF 100%), radial-gradient(91% 146%, rgba(255,255,255,0.50) 47%, rgba(0,0,0,0.50) 100%); 
        //         margin-bottom: 20px;
             
        //         img{
        //             width: 100%;
        //             height: 150px;
        //             border-radius: 10px 10px 0 0;  
                             
        //         }
               
        //     }
        // }
    
        .userNameData {
            padding: 0px 10px 20px 10px;
            background-image: radial-gradient(73% 147%, #EADFDF 59%, #ECE2DF 100%), radial-gradient(91% 146%, rgba(255,255,255,0.50) 47%, rgba(0,0,0,0.50) 100%); background-blend-mode: screen;
            border-radius: 10px;
            .userdata {
                display: flex;
                flex-direction: column;
    
                .user {
                    display: flex;
                    height: 60px;
                    // background-color: chartreuse;
                    align-items: center;
    
                    img {
                        height: 60px;
                        width: 60px;
                        border-radius: 50%;
                    }
    
                    div {
                        margin-left: 10px;
                        flex: 1;
                        height: 60px;
                        display: flex;
                        flex-direction: column;
                        line-height: 20px;
                        padding-top: 10px;
    
                        h3 {
                            font-size: 17px;
                        }
    
                        p {
                            font-size: 14px;
    
                        }
                    }
                }
            }
    
            .content {
                margin-top: 10px;
                height: 65px;
                font-size: 14px;
                word-break: break-all;
                display: -webkit-box;
                -webkit-line-clamp: 4;
                -webkit-box-orient: vertical;
                 overflow: hidden;
            }
    
            .dataimgs {
                flex-wrap: wrap;          
    
                img {
                    width: 100px;
                    height: 100px;
                }
            }
        }
    
}




























}